/* Using the old default theme (runo) as the basis for now */

@import url(../runo/styles.css);
/* Add some padding to the tree */

.calendar_text_b {
    font-size: 15px;
    text-align: center;
}

.calendar_text_b2 {
	font-size: 25px;
    text-align: center;
    font-weight: bold;
	margin-top: 20px;
    margin-bottom: 20px;
}

.v-label-redHeaderLabel {
    font-size: 30px;
    line-height: normal;
    color: red;
}

.v-label-orangeHeaderLabel {
    font-size: 30px;
    line-height: normal;
    color: orange;
}

.v-label-greenHeaderLabel {
    font-size: 30px;
    line-height: normal;
    color: green;
}

.v-label-captionLabel {
    font-size: 30px;
    line-height: normal;
    color: black;
}

.v-label-headerLabel {
    font-size: 30px;
    line-height: normal;
    color: red;
}

.error-label {
	font-size: 15px;
    font-weight: bold;
    color: red;
}

.v-label-purple {
	font-size: 25px;
    text-align: center;
    font-weight: bold;
	margin-top: 20px;
    margin-bottom: 20px;
    color: purple;
}

.v-label-blue {
	font-size: 25px;
    text-align: center;
    font-weight: bold;
	margin-top: 20px;
    margin-bottom: 20px;
    color: blue;
}

.v-label-red {
	font-size: 25px;
    text-align: center;
    font-weight: bold;
	margin-top: 20px;
    margin-bottom: 20px;
    color: red;
}

.v-textfield.v-readonly {
	margin-bottom : 4px;
    border:solid 1px black;
    background: white; 
    text-align: center;
    font-weight: bold;
}

.red .v-button-caption {
    font-size: 12pt;
    font-weight: bold;
    color: red;
}
.blue .v-button-caption {
    font-size: 12pt;
    font-weight: bold;
    color: #1c4b8b;
}
.purple .v-button-caption {
    font-size: 12pt;
    font-weight: bold;
    color: #8b5923;
}

.cyan .v-button-caption {
    font-size: 12pt;
    font-weight: bold;
    color: cyan;
}
.magenda .v-button-caption {
    font-size: 12pt;
    font-weight: bold;
    color: magenda;
}
.orange .v-button-caption {
    font-size: 12pt;
    font-weight: bold;
    color: orange;
}

.v-tree {
      padding-top: 8px;
      padding-left: 4px;
}

.toolbar .v-button {
      display: block;
      height: 55px;
      background: transparent;
      border: none;
      text-align: center;
}
 
.toolbar .v-button img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 5px;
}

.toolbar .v-button span {
      font-size: x-small;
      text-shadow: #fafafa 1px 1px 0;
}

.toolbar .v-button .v-button-wrap, 
.toolbar .v-disabled.v-button .v-button-wrap {
   background: transparent;
   border: none;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}

.toolbar .v-button:active .v-button-wrap,
.toolbar .v-button.v-pressed .v-button-wrap {
   background: transparent;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}
 

.v-app {
      background: #d0e2ec;
      font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
      color: #222;
}

.toolbar {
      background: #ccc url(images/gradient.png) repeat-x bottom left;
}

.v-panel-caption-view {
      color: #004b98;
}
 
.view {
      background: white;     
}

 /* Theme table to look bit lighter */
.v-table-header-wrap {
      height: 20px;
      border: none;
      border-bottom: 1px solid #555;
      background: transparent url(images/table-header-bg.png) repeat-x;
}

.v-table-sort-indicator,
.v-table-header-cell-asc .v-table-sort-indicator,
.v-table-header-cell-desc .v-table-sort-indicator {
	height: 20px;
}
 
.v-table-caption-container {
      font-size: 11px;
      color: #000;
      font-weight: bold;
      text-shadow: #fff 0 1px 0;
      padding: 0;
}
 
.v-table-body {
      border: none;
}
 
.v-table-row-odd {
      background: #f1f5fa;
}
 
.v-table-row:hover {
      background: #fff;
}
 
.v-table-row-odd:hover {
      background: #f1f5fa;
}
 
.v-table .v-selected {
      background: #3d80df;
}
 
.v-table-cell-content {
      padding: 2px 6px 2px 3px;
      line-height: normal;
      font-size: 85%;
}

.v-panel-nocaption {
	height: 0px;
	margin-left: 10px;
}

.v-panel-deco {
	height: 0px;
	margin-left: 9px;
}
.v-calendar-event-purple {
	background-color: #FF78FF;
	line-height: 25px;
}
.v-calendar-event-blue {
	background-color: #4775FF;
	line-height: 25px;
}
.v-calendar-event-red {
	background-color: red;
	line-height: 25px;
}
.v-calendar-event-cyan {
	background-color: cyan;
	line-height: 25px;
}
.v-calendar-event-magenta {
	background-color: magenta;
	line-height: 25px;
}
.v-calendar-event-orange {
	background-color: orange;
	line-height: 25px;
}

.v-calendar-event-purple2 {
	background-color: purple;
	line-height: 50px;
}
.v-calendar-event-blue2 {
	background-color: #80D9FF;
	line-height: 50px;
}
.v-calendar-event-red2 {
	background-color: red;
	line-height: 50px;
}
.v-calendar-event-cyan2 {
	background-color: cyan;
	line-height: 50px;
}
.v-calendar-event-magenta2 {
	background-color: magenta;
	line-height: 50px;
}
.v-calendar-event-orange2 {
	background-color: orange;
	line-height: 50px;
}
.checkboxStyle {
  width: 8.5em;
  padding-top:20px	
}

.v-panel-content.loginForm {
	overflow: hidden; position: relative; height: 121px;
}
.v-panel-caption-loginHeader {
	background: gray;
	color: white;
}
.v-panel-captionwrap{
	background: gray;
}

/* Hide all captions on navigation-buttons inside the paging compnent */
.paging div > .v-button.v-button-link.navigation-button .v-button-caption,
  .paging div > .v-button.v-button-link.navigation-button:focus .v-button-caption,
  .paging div > .v-button.v-button-link.navigation-button:active .v-button-caption,
  .v-ie7 .paging  .v-button-link.navigation-button .v-button-caption,
  .v-ie7 .paging .v-button-link.navigation-button.v-pressed .v-button-caption,
  .paging div > .v-button.v-button-link.navigation-button.v-disabled .v-button-caption,
  .v-ie7 .paging .v-button-link.navigation-button.v-disabled .v-button-caption {
  display: none;
}

/*  Highlight the current page button by making it bold */
.paging div > .v-button.v-button-link.current-page .v-button-caption,
  .paging div > .v-button.v-button-link.current-page:focus .v-button-caption,
  .paging div > .v-button.v-button-link.current-page:active .v-button-caption,
  .v-ie7 .paging  .v-button-link.current-page .v-button-caption,
  .v-ie7 .paging .v-button-link.current-page.v-pressed .v-button-caption,
  .paging div > .v-button.v-button-link.current-page.v-disabled .v-button-caption,
  .v-ie7 .paging .v-button-link.current-page.v-disabled .v-button-caption {

  font-weight: bold;

}

/* Make sure we have a margin on the captions of all link-buttons inside the paging component */
.paging div > .v-button.v-button-link .v-button-caption,
  .paging div > .v-button.v-button-link:focus .v-button-caption,
  .paging div > .v-button.v-button-link:active .v-button-caption,
  .v-ie7 .paging  .v-button-link .v-button-caption,
  .v-ie7 .paging .v-button-link.v-pressed .v-button-caption,
  .paging div > .v-button.v-button-link.v-disabled .v-button-caption,
  .v-ie7 .paging .v-button-link.v-disabled .v-button-caption {

  margin-left: 2px;
  margin-right: 2px;
}

/* Sort out the spacing, and stop the up-and-downing of the icons when pressed*/
.paging div > .v-button .v-icon,
  .v-ie7 .paging .v-button .v-icon,
  .paging div > .v-button.v-disabled .v-icon,
  .v-ie7 .paging .v-button.v-disabled .v-icon {
  margin: 1px;
}

.textFieldStatus {
    border-color: blue;
    color:blue;
}
